<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
	<meta charset="utf-8" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>我的订单</title>
	<link rel="stylesheet" href="../iconfont/iconfont.css">
	<link rel="stylesheet"
		href="https://www.jkzlrs.com/concat/mobile/??3.0/cross/css/cross.css,3.0/cross/css/ui.all.css"
		type="text/css" />
	<link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
	<main class="c-main">
		<header class="myorder-tab">
			<div class="c-position-f">
				<a href="javascript:;" class="mt-col curr">全部</a>
				<a href="javascript:;" class="mt-col">处理中</a>
				<a href="javascript:;" class="mt-col">已完成</a>
			</div>
		</header>

		<div class="p12">
			<div class="myorder-box">
				<div class="mb-title">
					<p>更换轮胎</p>
					<span class="t-blue">已支付</span>
				</div>
				<ul class="mb-list">
					<li>
						<p class="tit">订单价格</p>
						<p class="info">¥1000</p>
					</li>
					<li>
						<p class="tit">订单编号</p>
						<p class="info">66666666666666</p>
					</li>
					<li>
						<p class="tit">下单时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
				</ul>
				<div class="mb-btnrow">
					<a href="javascript:;" class="m-btn">取消</a>
					<a href="javascript:;" class="m-btn btn-blue">预约服务</a>
				</div>
			</div>

			<div class="myorder-box">
				<div class="mb-title">
					<p>更换轮胎</p>
					<span class="t-blue">已支付</span>
				</div>
				<ul class="mb-list">
					<li>
						<p class="tit">订单价格</p>
						<p class="info">¥1000</p>
					</li>
					<li>
						<p class="tit">订单编号</p>
						<p class="info">66666666666666</p>
					</li>
					<li>
						<p class="tit">下单时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
				</ul>
				<div class="mb-btnrow">
					<a href="javascript:;" class="m-btn">取消</a>
					<a href="javascript:;" class="m-btn">修改</a>
				</div>
			</div>

			<div class="myorder-box">
				<div class="mb-title">
					<p>更换轮胎</p>
					<span class="t-blue">已派单</span>
				</div>
				<ul class="mb-list">
					<li>
						<p class="tit">订单价格</p>
						<p class="info">¥1000</p>
					</li>
					<li>
						<p class="tit">订单编号</p>
						<p class="info">66666666666666</p>
					</li>
					<li>
						<p class="tit">下单时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
				</ul>
				<div class="mb-result">
					<p class="res-tit">结果反馈</p>
					<ul class="mb-list">
						<li>
							<p class="tit">预约时间</p>
							<p class="info">2023-09-24 09:00-11:00</p>
						</li>
						<li>
							<p class="tit">服务地址</p>
							<p class="info">闽侯县软件园F区3号楼停车场</p>
						</li>
						<li>
							<p class="tit">备注</p>
							<p class="info">豪车，请尽快前来维修</p>
						</li>
					</ul>
				</div>
				<div class="mb-btnrow">
					<a href="javascript:;" class="m-btn">查看详情</a>
				</div>
			</div>

			<div class="myorder-box">
				<div class="mb-title">
					<p>更换轮胎</p>
					<span class="t-org">待支付</span>
				</div>
				<ul class="mb-list">
					<li>
						<p class="tit">订单价格</p>
						<p class="info">¥1000</p>
					</li>
					<li>
						<p class="tit">订单编号</p>
						<p class="info">66666666666666</p>
					</li>
					<li>
						<p class="tit">下单时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
					<li>
						<p class="tit">预约时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
					<li>
						<p class="tit">车牌号</p>
						<p class="info">闽A666888</p>
					</li>
				</ul>
				<div class="mb-btnrow">
					<a href="javascript:;" class="m-btn btn-blue">去支付</a>
				</div>
			</div>

			<div class="myorder-box">
				<div class="mb-title">
					<p>更换轮胎</p>
					<span class="t-org">已受理</span>
				</div>
				<ul class="mb-list">
					<li>
						<p class="tit">订单价格</p>
						<p class="info">¥1000</p>
					</li>
					<li>
						<p class="tit">订单编号</p>
						<p class="info">66666666666666</p>
					</li>
					<li>
						<p class="tit">下单时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
					<li>
						<p class="tit">预约时间</p>
						<p class="info">2023-09-22 10:24:08</p>
					</li>
					<li>
						<p class="tit">车牌号</p>
						<p class="info">闽A666888</p>
					</li>
				</ul>
				<div class="mb-result">
					<p class="res-tit">结果反馈</p>
					<ul class="mb-list">
						<li>
							<p class="tit">预约时间</p>
							<p class="info">2023-09-24 09:00-11:00</p>
						</li>
						<li>
							<p class="tit">服务地址</p>
							<p class="info">闽侯县软件园F区3号楼停车场</p>
						</li>
						<li>
							<p class="tit">备注</p>
							<p class="info">豪车，请尽快前来维修</p>
						</li>
					</ul>
				</div>
				<div class="mb-btnrow">
					<a href="javascript:;" class="m-btn">取消</a>
					<a href="javascript:;" class="m-btn">修改</a>
				</div>
			</div>

			<p class="page-end">没有更多了 ~</p>
		</div>

		<div class="mask" data-scroll="mask"></div>
		<div class="mask-main">
			<p class="m-tit">温馨提示</p>
			<p class="m-des">您是否取消订单？</p>
			<div class="m-bot">
				<a href="javascript:;" class="btn-cancel" data-opera="cancel">确定取消</a>
				<a href="javascript:;" class="btn-submit">暂不取消</a>
			</div>
		</div>
	</main>

	<script type="text/javascript"
		src="https://f1.yihuimg.com/concat/mobile/??3.0/cross/js/jquery/2.1.3/jquery.js,3.0/cross/js/cross.ui.js"></script>
	<script>
		$(function () {
			$('[data-opera="cancel"]').on('click', function () {
				$('.mask,.mask-main').hide()
			})
		})
	</script>
</body>

</html>